<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<table style='width:100%;' id='pagingPlugin'>
	<tbody>
		<tr>
			<td style='vertical-align:top;'>
				<div class='pagination' style='float: right;padding-top: 0px;margin-top: 0px;'>
					<ul class='pagination pull-right no-margin'>
						<li><a>共<font color='red'>${page.recordCount }</font>条</a></li>
						<li><input type='number' id="pagingPlugin_txinput" value='${page.pageIndex}' class='input-small' style='height: 32px;float:left' placeholder='页码'></li>
						<li style='cursor:pointer;'><a onclick='toTZ();' style='height: 32px;' class='btn btn-mini btn-success'>跳转</a></li>
						<c:if test="${page.showFirst }">
							<li style='cursor:pointer;'><a onclick="firstPage()">首页</a></li>
							<li style='cursor:pointer;'><a onclick="prevPage()">上页</a></li>
						</c:if>
						<c:forEach items="${page.showPageIndexs}" var="itm" varStatus="i">
							<c:if test="${itm == page.pageIndex}">
								<li class='active'><a><font color='white'>${itm }</font></a></li>
							</c:if>
							<c:if test="${itm != page.pageIndex}">
								<li style='cursor:pointer;'><a onclick='goPage(${itm })'>${itm }</a></li>
							</c:if>
						</c:forEach>
						<c:if test="${page.showLast }">
							<li style='cursor:pointer;'><a onclick="nextPage()">下页</a></li>
							<li style='cursor:pointer;'><a onclick="lastPage()">尾页</a></li>
						</c:if>
						<li><a>共<span id="pagingPlugin_totalPage">${page.totalPageCount }</span>页</a></li>
						<li>
						
						<select id="pagingPageSizeSelect" title='显示${page.pageSize }条数' style='width:55px;height: 32px;float:left;' onchange='changePageSize()'>
							<option <c:if test="${page.pageSize == 10}">selected</c:if> value='10'>10</option>
							<option <c:if test="${page.pageSize == 20}">selected</c:if> value='20'>20</option>
							<option <c:if test="${page.pageSize == 50}">selected</c:if> value='50'>50</option>
							<option <c:if test="${page.pageSize == 100}">selected</c:if> value='100'>100</option>
						</select>
						</li>
					</ul>
				</div>
			</td>
		</tr>
	</tbody>
</table>
